<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>付款单</title>
    <meta name="description" content="这是一个付款单页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/admin.css">
    <script type="text/javascript" src="../../assets/js/vue.js"></script>
    <script src="../../js/axios.min.js"></script>
    <script src="../../js/vue.js"></script>

    <style>
        .am-modal-confirm {
            position: fixed;
            left: 45%;
            width: 50%;

        }
    </style>


</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
    以获得更好的体验！</p>
<![endif]-->

<header class="am-topbar admin-header">
    <div class="am-topbar-brand">
        <strong>三泵订货</strong>
        <small>后台管理模板</small>
    </div>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;" v-cloak>
                    <span class="am-icon-users"></span> <span id="adminname"></span> <span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="#" id="tuichu"><span class="am-icon-power-off" ></span> 退出</a></li>
                </ul>
            </li>
            <li><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> 开启全屏</a></li>
        </ul>
    </div>
</header>
<div class="am-cf admin-main" id="app">
    <!-- sidebar start -->
    <!--左侧导航栏开始-->
    <div class="admin-sidebar" id="daohang">
        <ul class="am-list admin-sidebar-list" id="accordion">
            <li v-if="isShow(27)"><a href="../../管理员.html"><span class="am-icon-user"></span> 管理员设置</a></li>
            <li v-if="isShow(7)"><a href="../../后台主页.html"><span class="am-icon-home"></span> 首页</a></li>
            <li class=" am-panel admin-parent" v-if="isShow(1)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-2'}">
                    <svg id="icon-goods-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z" fill="#A1B8C2"></path><path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z m0 51.2c-30.72 0-51.2 20.48-51.2 51.2v716.8c0 30.72 20.48 51.2 51.2 51.2h716.8c30.72 0 51.2-20.48 51.2-51.2V153.6c0-30.72-20.48-51.2-51.2-51.2H153.6z" fill="#6D8994"></path><path d="M353.28 435.2V460.8c0 97.28 71.68 179.2 158.72 179.2s158.72-81.92 158.72-179.2v-25.6c-5.12-10.24-5.12-15.36-5.12-25.6 0-30.72 20.48-51.2 51.2-51.2s51.2 20.48 51.2 51.2-20.48 51.2-51.2 51.2c0 128-92.16 230.4-204.8 230.4s-204.8-102.4-204.8-230.4c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 10.24 0 15.36-5.12 25.6z" fill="#FFFFFF"></path></svg>
                    商品<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-2">
                    <li v-if="isShow(8)"><a href="/html/wares/商品列表.html">商品列表</a></li>
                    <li v-if="isShow(9)"><a href="/html/wares/基础信息.html">基础信息</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(2)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-3'}">
                    <svg id="icon-sell-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M414.72 1024H153.6c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2z" fill="#A1B8C2"></path><path d="M153.6 1024c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2H153.6z m332.8-102.4c40.96 0 76.8 20.48 102.4 51.2H819.2c30.72 0 51.2-20.48 51.2-51.2V102.4c0-30.72-20.48-51.2-51.2-51.2h-230.4c-25.6 30.72-61.44 51.2-102.4 51.2s-76.8-20.48-102.4-51.2H153.6c-30.72 0-51.2 20.48-51.2 51.2v819.2c0 30.72 20.48 51.2 51.2 51.2h230.4c25.6-30.72 61.44-51.2 102.4-51.2zM768 51.2h51.2v51.2h-51.2V51.2z m0 870.4h51.2v51.2h-51.2v-51.2z m0-768h51.2v102.4h-51.2V153.6z m0 153.6h51.2v102.4h-51.2V307.2z m0 153.6h51.2v102.4h-51.2V460.8z m0 153.6h51.2v102.4h-51.2v-102.4z m0 153.6h51.2v102.4h-51.2v-102.4zM153.6 51.2h51.2v51.2H153.6V51.2z m0 870.4v51.2h51.2v-51.2H153.6zM153.6 153.6h51.2v102.4H153.6V153.6z m0 153.6h51.2v102.4H153.6V307.2z m0 153.6h51.2v102.4H153.6V460.8z m0 153.6h51.2v102.4H153.6v-102.4z m0 153.6h51.2v102.4H153.6v-102.4z" fill="#6D8994"></path><path d="M337.92 225.28l179.2 179.2c10.24 10.24 10.24 25.6 0 35.84-10.24 10.24-25.6 10.24-35.84 0L302.08 261.12c-10.24-10.24-10.24-25.6 0-35.84 10.24-10.24 25.6-10.24 35.84 0z" fill="#FFFFFF"></path><path d="M455.68 404.48l179.2-179.2c10.24-10.24 25.6-10.24 35.84 0 10.24 10.24 10.24 25.6 0 35.84L491.52 440.32c-10.24 10.24-25.6 10.24-35.84 0-10.24-10.24-10.24-25.6 0-35.84z" fill="#FFFFFF"></path><path d="M332.8 409.6h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM332.8 512h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#FFFFFF"></path><path d="M512 409.6v384c0 15.36-10.24 25.6-25.6 25.6s-25.6-10.24-25.6-25.6V409.6h51.2z" fill="#FFFFFF"></path></svg>
                    订单<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3">
                    <li class=" am-panel admin-parent" v-if="isShow(10)">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-1'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>订单管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-1">
                            <li><a href="/html/order/订货单.html">订货单</a></li>
                            <li><a href="/html/order/代客下单.html">代客下单</a></li>
                        </ul>
                    </li>

                    <li class=" am-panel admin-parent" v-if="isShow(11)">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-3'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>退货管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-3">
                            <li><a href="/html/order/退货单.html">退货单</a></li>
                            <li><a href="/html/order/新增退货单.html">新增退货单</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(3)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-4'}">
                    <svg id="icon-client-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M609.098914 322.338445l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V1024H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885z" fill="#A1B8C2"></path><path d="M950.184392 975.273503h24.363249c14.617949 0 24.363248 9.745299 24.363248 24.363249s-9.745299 24.363248-24.363248 24.363248H48.744201c-14.617949 0-24.363248-9.745299-24.363249-24.363248s9.745299-24.363248 24.363249-24.363249H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V975.273503zM121.833946 975.273503h438.538472V98.19656c0-9.745299 0-14.617949-4.87265-24.363248-14.617949-19.490599-43.853847-29.235898-68.217096-19.490599L121.833946 239.503401V975.273503z m487.264968 0h292.358982v-428.793172l-292.358982-165.670089V975.273503z" fill="#6D8994"></path><path d="M730.915157 634.188025c14.617949 0 24.363248 9.745299 24.363248 24.363249v97.452993c0 14.617949-9.745299 24.363248-24.363248 24.363249s-24.363248-9.745299-24.363249-24.363249v-97.452993c0-14.617949 9.745299-24.363248 24.363249-24.363249zM341.103182 244.376051c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248S316.739933 380.810242 316.739933 366.192293v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 488.008535c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 731.641019c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248z" fill="#FFFFFF"></path></svg>
                    客户<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-4">
                    <li v-if="isShow(12)"><a href="/html/customer/客户列表.html">客户列表</a></li>
                    <li v-if="isShow(13)"><a href="/html/customer/客户分布.html">客户分布</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(4)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-5'}">
                    <svg id="icon-warehouse-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z" fill="#A1B8C2"></path><path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z m0-51.2v-102.4h614.4v102.4h102.4V486.4C921.6 245.76 737.28 51.2 512 51.2S102.4 245.76 102.4 486.4V972.8h102.4z m25.6-204.8h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#6D8994"></path><path d="M230.4 665.6h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM230.4 563.2h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#6D8994"></path><path d="M230.4 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM588.8 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#FFFFFF"></path></svg>
                    仓库<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-5">
                    <li v-if="isShow(14)"><a href="/html/warehouse/商品出库.html">商品出库</a></li>
                    <li v-if="isShow(15)"><a href="/html/warehouse/商品入库.html">商品入库</a></li>
                    <li v-if="isShow(16)"><a href="/html/warehouse/商品库存.html">商品库存</a></li>
                    <li v-if="isShow(17)"><a href="/html/warehouse/库存调拨.html">库存调拨</a></li>
                    <li v-if="isShow(18)"><a href="/html/warehouse/出入库明细.html">出入库明细</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(5)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-6'}">
                    <svg id="icon-purchase-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z" fill="#A1B8C2"></path><path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z m0 51.2l81.92 522.24c5.12 25.6 25.6 40.96 51.2 40.96h645.12c25.6 0 46.08-20.48 51.2-40.96L962.56 358.4H61.44z" fill="#6D8994"></path><path d="M481.28 512v286.72c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6V512c0-15.36-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6zM230.4 517.12l30.72 286.72c0 15.36 15.36 25.6 25.6 20.48 15.36 0 25.6-15.36 20.48-25.6l-25.6-291.84c0-15.36-15.36-25.6-25.6-20.48-15.36 0-25.6 15.36-25.6 30.72zM783.36 517.12l-30.72 286.72c0 15.36-15.36 25.6-25.6 20.48-15.36 0-25.6-15.36-20.48-25.6l30.72-286.72c0-15.36 15.36-25.6 25.6-20.48 10.24-5.12 20.48 10.24 20.48 25.6z" fill="#FFFFFF"></path><path d="M358.4 102.4h307.2c20.48 0 35.84 10.24 46.08 30.72L819.2 358.4H204.8l107.52-225.28c10.24-20.48 25.6-30.72 46.08-30.72z m307.2 51.2H358.4L286.72 307.2h450.56L665.6 153.6z" fill="#6D8994"></path></svg>                    采购<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-6">
                    <li v-if="isShow(19)"><a href="/html/purchase/采购订单.html">采购订单</a></li>
                    <li v-if="isShow(20)"><a href="/html/purchase/采购退货.html">采购退货</a></li>
                    <li v-if="isShow(21)"><a href="/html/purchase/供应商管理.html">供应商管理</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(6)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-7'}">
                    <svg id="icon-finance-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M409.827028 204.345943L307.654057 102.172972c0-56.195134 45.977837-102.172972 102.172971-102.172972s102.172972 45.977837 102.172972 102.172972c0-56.195134 45.977837-102.172972 102.172972-102.172972s102.172972 45.977837 102.172971 102.172972l-102.172971 102.172971s357.605401 229.889186 357.6054 505.75621-408.691887 311.627564-408.691886 311.627564c-61.303783 5.108649-137.933512 0-137.933512 0S52.221628 1011.512419 52.221628 704.993504 409.827028 204.345943 409.827028 204.345943z" fill="#A1B8C2"></path><path d="M563.086486 204.345943c0-15.325946 5.108649-25.543243 15.325946-35.76054l81.738377-81.738377c-5.108649-20.434594-25.543243-35.76054-45.977837-35.76054-30.651891 0-51.086486 20.434594-51.086486 51.086486 0 66.412432-102.172972 66.412432-102.172972 0 0-30.651891-20.434594-51.086486-51.086486-51.086486-20.434594 0-40.869189 15.325946-45.977837 30.651891l81.738377 81.738378c10.217297 15.325946 15.325946 25.543243 15.325946 40.869188h102.172972z m35.76054 51.086486H425.152974h-5.108648c-10.217297 10.217297-25.543243 15.325946-35.760541 25.543243-40.869189 25.543243-81.738377 61.303783-117.498917 91.955675-102.172972 102.172972-163.476755 214.56324-163.476755 332.062157 0 112.390269 56.195134 183.911349 158.368106 224.780538 35.76054 15.325946 76.629729 25.543243 117.498918 30.651892 25.543243 5.108649 40.869189 5.108649 56.195134 5.108648H578.412432c10.217297 0 25.543243-5.108649 40.869188-5.108648 45.977837-10.217297 86.847026-20.434594 132.824863-40.869189 112.390269-45.977837 173.694052-117.498917 173.694052-209.454592 0-102.172972-61.303783-214.56324-163.476754-321.844861-35.76054-40.869189-76.629729-71.52108-117.498918-102.172971-20.434594-10.217297-30.651891-20.434594-45.977837-30.651892zM409.827028 204.345943L307.654057 102.172972c0-56.195134 45.977837-102.172972 102.172971-102.172972s102.172972 45.977837 102.172972 102.172972c0-56.195134 45.977837-102.172972 102.172972-102.172972s102.172972 45.977837 102.172971 102.172972l-102.172971 102.172971s357.605401 229.889186 357.6054 505.75621-408.691887 311.627564-408.691886 311.627564c-61.303783 5.108649-137.933512 0-137.933512 0S52.221628 1011.512419 52.221628 704.993504 409.827028 204.345943 409.827028 204.345943z" fill="#6D8994"></path><path d="M501.782703 561.951344h137.933512c15.325946 0 25.543243 10.217297 25.543242 25.543243s-10.217297 25.543243-25.543242 25.543243H512v51.086486h127.716215c15.325946 0 25.543243 10.217297 25.543242 25.543243s-10.217297 25.543243-25.543242 25.543243H512v127.716214c0 15.325946-10.217297 25.543243-25.543243 25.543243s-25.543243-10.217297-25.543243-25.543243V715.210802H333.1973c-15.325946 0-25.543243-10.217297-25.543243-25.543243s10.217297-25.543243 25.543243-25.543243H460.913514v-51.086486H333.1973c-15.325946 0-25.543243-10.217297-25.543243-25.543243s10.217297-25.543243 25.543243-25.543243h137.933511l-102.172971-107.28162c-10.217297-10.217297-10.217297-30.651891-5.108649-40.869189s25.543243-10.217297 35.76054 0l86.847026 91.955675 86.847026-91.955675c10.217297-5.108649 25.543243-5.108649 35.76054 0 5.108649 10.217297 5.108649 30.651891 0 40.869189L501.782703 561.951344z" fill="#FFFFFF"></path></svg>
                    财务<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav-7">
                    <li v-if="isShow(22)"><a href="/html/finance/收款单.html">收款单</a></li>
                    <li v-if="isShow(23)"><a href="/html/finance/付款单.html">付款单</a></li>
                    <li v-if="isShow(24)"><a href="/html/finance/收支流水.html">收支流水</a></li>
                    <li v-if="isShow(25)"><a href="/html/finance/客户对账.html">客户对账</a></li>
                    <li v-if="isShow(26)"><a href="/html/finance/资金账户.html">资金账户</a></li>
                </ul>
            </li>

        </ul>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-bookmark"></span> 公告</p>
                <p>时光静好，与君语；细水流年，与君同。—— Amaze UI</p>
            </div>
        </div>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-tag"></span> wiki</p>
                <p>Welcome to the Amaze UI wiki!</p>
            </div>
        </div>
    </div>
    <!--左侧导航栏结束-->
    <!-- sidebar end -->
    <!-- content start -->
    <div class="admin-content" id="shoukuandan1">


        <div class="am-cf am-padding">
            <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">财务</strong> /
                <small>付款单</small>
            </div>
        </div>

        <div class="am-g">
            <div class="col-lg-3 am-cf">
                <div class="am-fr">
                    <div class="am-input-group am-input-group-sm">
                        <input type="text" class="am-form-field" placeholder="请输入单号/制单人" v-model="techa">
                        <span class="am-input-group-btn">
                            <button class="am-btn am-btn-default" type="button" @click="sousuo()">搜索</button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 am-cf">
                <select v-model="danjuzhuangtai" @change="dianjidanju()">
                    <option value="0">请选择单据状态(全部)</option>
                    <option value="2">待审核</option>
                    <option value="14">已作废</option>
                    <option value="15">已完成</option>
                </select>
            </div>
            <!--<div class="col-lg-2 am-cf">-->

            <!--</div>-->
            <!--<div class="col-lg-2">-->
            <!--</div>-->
            <div class="col-lg-2 am-cf">
                <div class="am-fl am-cf">
                    <div class="am-btn-toolbar am-fl">
                        <div class="am-btn-group am-btn-group-xs">
                            <button type="button" class="am-btn am-btn-default" @click="show()" >
                                <span class="am-icon-plus">新增</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <hr>
        <div class="am-g">
            <div class="col-sm-12">
                <form class="am-form">
                    <table class="am-table am-table-striped am-table-hover table-main">
                        <thead>
                        <tr>
                            <th class="table-xuhao">序号</th>
                            <th class="table-title" >付款单号</th>
                            <th class="table-title">收款方</th>
                            <th class="table-type">付款金额</th>

                            <th class="table-author">支出类型</th>
                            <th class="table-date">付款账户</th>
                            <th class="table-set">单据状态</th>
                            <th class="table-zhidanren">制单人</th>
                            <th class="table-shenheren">审核人</th>
                            <th class="table-shoukuanshijian">付款时间</th>

                            <th class="table-caozuo">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(ss,i) in list">
                            <td>{{(i+1)+(pageNum-1)*pageSize}}</td>
                            <td><a href="#" @click="kaishi(ss.code)">{{ss.code}}</a></td>
                            <td>{{ss.name}}</td>
                            <td v-cloak style="color: #e30001">￥{{ss.amount}}</td>

                            <td v-if="ss.type==4">客户退货支出</td>
                            <td v-else-if="ss.type==5">采购支出</td>
                            <td v-else-if="ss.type==6">其他支出</td>

                            <td v-if="ss.account==1">账户1</td>
                            <td v-if="ss.account==2">账户2</td>

                            <td v-if="ss.status==2">待审核</td>
                            <td v-else-if="ss.status==14" style="color: #adadad">已作废</td>
                            <td v-else="ss.status==15">已完成</td>

                            <td>{{ss.single}}</td>
                            <td>{{ss.checker}}</td>
                            <td>{{ss.payDate}}</td>
                            <td>
                                <div class="am-btn-toolbar">
                                    <div class="am-btn-group am-btn-group-xs">
                                        <button v-if="ss.status==2"  @click="kaishi(ss.code)" type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary"><span
                                                class="am-icon-pencil-square-o">审核</span>
                                        </button>
                                        </button>
                                        <button v-if="ss.status!=14" type="button" class="am-btn am-btn-default am-btn-xs" @click="shoukuanzuofei(ss.code,ss.relcode,ss.status,ss.amount,ss.account)"><span
                                                class="am-icon-copy" >作废</span>
                                        </button>
                                    </div>
                                </div>
                            </td>
                        </tr>





                        </tbody>
                    </table>
                    <div class="am-cf" >
                        <span v-if="total==0">没有找到相关账单！！！</span>
                        <span v-else>共 {{total}} 条记录</span>
                        <div class="am-fr">
                            <ul class="am-pagination" >
                                <li><a href="javascript:void(0)" @click="qian()">«</a></li>
                                <li><a href="javascript:void(0)" @click="chaxun(1,pageSize)">首页</a></li>
                                <li v-for="num in navigatepageNums" :class="num==pageNum?'am-active':'asdf'"><a href="javascript:void(0)"  @click="chaxun(num,pageSize)">{{num}}</a></li>
                                <li><a href="javascript:void(0)" @click="chaxun(pages,pageSize)"> 尾页</a></li>
                                <li><a href="javascript:void(0)" @click="hou()">»</a></li>
                            </ul>
                        </div>
                    </div>
                    <hr/>
                    <p>注：.....</p>
                </form>
            </div>

        </div>

    </div>

    <!--付款单详情弹窗开始-->

    <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm0">
        <div class="am-modal-dialog">
            <!--<div class="am-modal-hd">Amaze UI</div>-->
            <div class="pop-head tc" style="">
                <div class="pop-tit" style="background-color: rgba(0,0,0,0.3);">付款单</div>
                <hr/>
            </div>


            <div class="am-g">
                <div class="col-lg-6">
                    <div class="am-g">
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td>单号</td>
                                </tr>
                                <tr>
                                    <td>收款方</td>
                                </tr>
                                <tr>
                                    <td>款金额</td>
                                </tr>
                                <tr>
                                    <td>付款时间</td>
                                </tr>
                                <tr>
                                    <td>备注</td>
                                </tr>

                            </table>
                        </div>
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td>{{dindanshow.code}}</td>
                                </tr>
                                <tr>
                                    <td>{{dindanshow.name}}</td>
                                </tr>
                                <tr>
                                    <td style="color: #e30001">￥{{dindanshow.amount}}</td>
                                </tr>
                                <tr>
                                    <td>{{dindanshow.payDate}}</td>
                                </tr>
                                <tr>
                                    <td>{{dindanshow.ramark}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>


                <div class="col-lg-6">
                    <div class="am-g">
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td>状态</td>
                                </tr>
                                <tr>
                                    <td>支出类型</td>
                                </tr>
                                <tr>
                                    <td>付款账户</td>
                                </tr>
                                <tr>
                                    <td>审核时间</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td v-if="dindanshow.receiptSta==2">待收款</td>
                                    <td v-else-if="dindanshow.receiptSta==14">已作废</td>
                                    <td v-else="dindanshow.receiptSta==15">已完成</td>
                                </tr>
                                <tr>
                                    <td v-if="dindanshow.type==4">客户退货支出</td>
                                    <td v-else-if="dindanshow.type==5">采购支出</td>
                                    <td v-else="dindanshow.type==6">其他支出</td>
                                    <!--客户退货支出(4), 采购支出(5), 其他支出(6)-->
                                </tr>
                                <tr>
                                    <td v-if="dindanshow.account==1">账户1</td>
                                    <td v-if="dindanshow.account==2">账户2</td>
                                </tr>
                                <tr>
                                    <td v-cloak v-if="dindanshow.checkDate==null">单据待审核</td>
                                    <td v-cloak v-else>{{dindanshow.checkDate}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g">
                            <div class="col-lg-3">
                                <hr/>
                                <p>付款凭证</p>
                            </div>
                            <div class="col-lg-9">
                                <hr/>
                                <p v-cloak v-if="dindanshow.voucher!=null"><a :href="'http://192.168.2.80:5050/images/tpo/'+dindanshow.voucher+''"><img width="80px" height="100px" :src="'http://192.168.2.80:5050/images/tpo/'+dindanshow.voucher+''"></a></p>
                                <p v-cloak v-if="dindanshow.voucher==null && dindanshow.voucher!=2">无</p>
                                <span v-cloak v-if="dindanshow.status==2 && dindanshow.voucher==null">
                                    <!--//收入凭证-->

                                    <!--<input type="file" id="addtu">-->
                                       <img src="" width="80px" height=100px id="photo01"></img>
                                     <input type="file" @change="upload($event)"  id="addtu" class="imgInput" style="width: 180px;"/>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g">
                            <div class="col-lg-3">
                                <hr/>
                                <p>制单人</p>
                            </div>
                            <div class="col-lg-3">
                                <hr/>
                                <p>{{dindanshow.single}}</p>
                            </div>
                            <div class="col-lg-3">
                                <hr/>
                                <p>审核人</p>
                            </div>
                            <div class="col-lg-3">
                                <hr/>
                                <p v-if="dindanshow.checker!=null">{{dindanshow.checker}}</p>
                                <p v-else>待审核</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g" v-if="dindanshow.relcode!=null">
                            <div class="col-lg-12">
                                <hr/>
                                <p><span @click="wanClick(dindanshow.relcode)" style="cursor: pointer">关联单据：{{dindanshow.relcode}}</span></p>
                            </div>
                            <!--<div class="col-lg-9">-->
                                <!--<hr/>-->
                                <!--<p><a href="javascript:void(0)">查看详情(此处为跳转到对应单号详情页面（根据付款类型来进行跳转有采购付款，退货支出）)</a></p>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>


                <div class="am-modal-footer">
                    <div class="am-g">
                        <div class="col-md-8"></div>
                        <button type="button" @click="shenhe(dindanshow.code,dindanshow.amount,dindanshow.account)" class="am-btn am-btn-secondary col-md-2" v-if="dindanshow.status==2 && dindanshow.voucher!=null">审核</button>
                        <button type="button" @click="xiugai(dindanshow.code)" class="am-btn am-btn-secondary col-md-2" v-if="dindanshow.status==2 && dindanshow.voucher==null">上传凭证</button>
                        <button type="button" @click=" shoukuanzuofei(dindanshow.code,diandanshow.relcode,dindanshow.status,dindanshow.amount,dindanshow.account)" class="am-btn am-btn-secondary col-md-2" v-if="dindanshow.status==2||dindanshow.status==15">作废</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!--付款单详情弹窗结束-->

<!--新增弹框开始-->

    <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
        <div class="am-modal-dialog">
            <form method="post" action="">

                <div class="pop-head tc">
                    <div class="pop-tit" style="background-color: rgba(0,0,0,0.3)">新增付款单</div>
                    <hr/>
                </div>


                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g">
                            <div class="col-lg-3">
                                <p>收款方:
                                </p>
                                <p>
                                    收款账户：
                                </p>
                                <p>
                                    类别：
                                </p>
                                <p>
                                    付款账户：
                                </p>
                                <p>
                                    付款金额：
                                </p>
                                <p>
                                    付款时间：
                                </p>
                                <p>
                                    备注：
                                </p>

                            </div>
                            <div class="col-lg-9">
                                <p>
                                    <select v-model="fukuan" @change="shoukuanbiandong()" size="1" style="width: 200px">
                                        <option value="0"></option>
                                        <option value="1">客户</option>
                                        <!--<option value="2">供应商</option>-->
                                    </select>
                                </p>
                                <p>
                                    <select id="shoukuanfang" size="1" style="width: 200px">
                                        <option value="" ></option>
                                    </select>
                                </p>
                                <p>
                                    <select id="shoukuanleixin" size="1" style="width: 200px">
                                        <option value="0"></option>
                                        <option value="4" v-if="fukuan==1">退货支出</option>
                                        <option value="5" v-if="fukuan==2">采购支出</option>
                                    </select>
                                </p>
                                <p>
                                    <select id="shoukuanzhuanghu" size="1" style="width: 200px">
                                        <option value="0"></option>
                                        <option value="1">付款账户1</option>
                                        <option value="2">付款账户2</option>
                                    </select>
                                </p>
                                <p>
                                    <!--//金额-->
                                    <input  type="text" id="shoukuanmoney" :placeholder="moneyplaceholder" v-model="money" @blur="inputChange(money)" style="width: 200px">
                                </p>
                                <p>
                                    <!--//时间-->
                                    <input type="date" id="shoukuanshijian" style="width: 200px">
                                </p>
                                <p>
                                    <!--备注-->
                                    <input type="text" id="shoukuanbeizhu" style="width: 200px">
                                </p>
                                <!--//收入凭证-->
                                <input type="file" style="display: none" id="tupian">
                                <ul class="sm-block-grid-2 md-block-grid-4 lg-block-grid-6 am-margin gallery-list" id="soua">
                                    <li id="last-li" >
                                        <a href="javascript:upTupian()" >
                                            <svg t="1575879268907" class="icon am-img-thumbnail am-img-bdrs" id="tu"
                                                 viewBox="0 0 1024 1024" version="1.1"
                                                 xmlns="http://www.w3.org/2000/svg" p-id="1707" width="100"
                                                 height="100">
                                                <path d="M915.084916 719.854978 810.23287 719.854978 810.23287 614.985536c0-23.303752-17.479093-40.782845-40.782845-40.782845s-40.782845 17.479093-40.782845 40.782845l0 110.696148L612.144326 725.681684c-23.303752 0-40.782845 17.479093-40.782845 40.782845s17.479093 40.782845 40.782845 40.782845l110.696148 0 0 110.678752c0 23.303752 17.479093 40.782845 40.782845 40.782845s40.782845-17.479093 40.782845-40.782845L804.406165 807.247374 915.084916 807.247374c23.304775 0 40.782845-17.47807 40.782845-40.782845C961.694467 743.160777 938.390715 719.854978 915.084916 719.854978L915.084916 719.854978 915.084916 719.854978zM506.427586 825.749774 506.427586 825.749774 141.658835 825.749774c-13.524015 0-23.675212-10.151197-23.675212-23.710005L117.983623 139.732461c0-13.533224 10.151197-23.684422 23.675212-23.684422l646.381593 0c13.505595 0 23.657816 10.151197 23.657816 23.684422l0 357.988324 0 0 0 0c0 13.524015 10.169617 23.676236 23.711028 23.676236 13.522991 0 23.675212-10.152221 23.675212-23.676236l0 0 0 0L859.084485 116.049063c0-27.073612-23.675212-50.759057-50.758034-50.759057L117.9826 65.290005c-27.065426 0-50.758034 23.685445-50.758034 50.759057L67.224566 825.749774c0 27.048029 23.692608 50.740638 50.758034 50.740638L506.427586 876.490412l0 0c13.522991 0 23.675212-10.169617 23.675212-23.692608C530.101775 835.883575 519.949554 825.749774 506.427586 825.749774L506.427586 825.749774 506.427586 825.749774zM501.447155 708.202591c17.479093-34.95614 58.261938-58.261938 99.044784-58.261938l46.608527 0 0-52.43421c0-46.609551 29.131481-87.392396 69.913303-104.870466l0 0 0 0-58.260915-174.774559L454.838627 580.028373l-58.261938-93.218078L181.028495 708.202591 501.447155 708.202591 501.447155 708.202591 501.447155 708.202591zM396.577712 335.331301c0-34.94693-29.130458-64.078411-64.086597-64.078411s-64.087621 29.131481-64.087621 64.078411c0 34.957163 29.130458 64.087621 64.087621 64.087621S396.577712 370.288464 396.577712 335.331301L396.577712 335.331301 396.577712 335.331301zM396.577712 335.331301"
                                                      p-id="1708"></path>
                                            </svg>
                                        </a>
                                    </li>
                                </ul>


                            </div>
                        </div>
                    </div>
                </div>


                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel @click="qingkong()">取消</span>
                    <span class="am-btn" style="padding-left:50% ;padding-right: 50%;color: #0e93d7"  data-am-modal-confirm @click="tijiao()">保存</span>
                </div>
            </form>
        </div>
    </div>


<!--新增弹框结束-->
</div>

<footer>
    <hr>
    <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>


<script src="../../assets/js/zepto.min.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script src="../../assets/js/app.js"></script>
<script src="../../js/qiandel.js"></script>
<script type="text/javascript">
    function kaishi(id0) {
        // alert(id0);
        // $("#danhao").html(id0);
        $('#my-confirm0').modal({
            relatedElement: this
        });
    }

    function queding(caozuo) {
        alert(caozuo);
    }



    $(function () {
        $('#tupian').on('change', function () {
            var filePath = $(this).val();         //获取到input的value，里面是文件的路径
            var fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();
            // 检查是否是图片
            if (!fileFormat.match(/.png|.jpg|.jpeg/)) {
                error_prompt_alert('上传错误,文件格式必须为：png/jpg/jpeg');
                return;
            }
            var src = window.URL.createObjectURL(this.files[0]); //转成可以在本地预览的格式
            var li = "<li>\n" +
                "<a href=\"#\">\n" +
                "<img class=\"am-img-thumbnail am-img-bdrs\" src='" + src + "' alt=\"\" />\n" +
                "</a>\n" +
                "</li>";
            $("#last-li").before(li);
            $("#last-li").remove();
        });
        // $("#addtu").on('change',function () {
        //     alert(231);
        //     var file=URL.createObjectURL($(this)[0].files[0]);//得到图片路径
        //     $("#photo01").html("<img src=\""+file+"\"  style='height: 80px;width: 80px;' >");
        //     // fufile=true;
        // });



    });


    function upTupian() {
        $("#tupian").click();
    }






</script>
<!--// 鼠标特效，心start-->
<script>
    // 鼠标特效，心
    window.onclick = function(event) {
        var heart = document.createElement("b");
        heart.onselectstart = new Function('event.returnValue=false');
        document.body.appendChild(heart).innerHTML = "❤";
        heart.style.cssText = "position: fixed;left:-100%;";
        var f = 16, // 字体大小
            x = event.clientX - f / 2, // 横坐标
            y = event.clientY - f, // 纵坐标
            c = randomColor(), // 随机颜色
            a = 1, // 透明度
            s = 1.2; // 放大缩小
        var timer = setInterval(function() {
            if (a <= 0) {
                document.body.removeChild(heart);
                clearInterval(timer);
            } else {
                heart.style.cssText = "font-size:16px;cursor: default;position: fixed;color:" + c + ";left:" + x + "px;top:" + y + "px;opacity:" + a + ";transform:scale(" + s + ");";
                y--;
                a -= 0.016;
                s += 0.002;
            }
        }, 12)
    };
    // 随机颜色
    function randomColor() {
        return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + ")";
    }

    //生成目录索引列表
    function GenerateContentList(){
        var h2_list = $('#cnblogs_post_body h2');//找到所有h2
        if(h2_list.length>0){
            //返回顶部，元素之前追加
            $("body").prepend('<a name="_labelTop"></a>');

            var content    = '<div id="navCategory">';
            content    += '<ul>';
            //一级标题
            for(var i =0;i<h2_list.length;i++){
                var h2_id = "_label_h2" + i;
                var h2_text = $(h2_list[i]).text();
                //去左右空格;
                h2_text = h2_text.replace(/(^\s*)|(\s*$)/g, "");
                $(h2_list[i]).attr("id",h2_id);
                //锚点位置
                navCategoryAnchor.push({a:h2_id+"_a",offset:$(h2_list[i]).offset().top});
                content += '<li><a id="'+h2_id+'_a" href="#' + h2_id + '">' + h2_text + '</a></li>';
                //二级标题
                var h3_list = $(h2_list[i]).nextAll("h3");
                for(var j=0; j<h3_list.length; j++){
                    var tmp = $(h3_list[j]).prevAll('h2').first();
                    if(!tmp.is(h2_list[i])){
                        break;
                    }
                    var h3_id = "_label_h3_" + i + "_" + j;
                    var h3_text = $(h3_list[j]).text();
                    //去左右空格;
                    h3_text = h3_text .replace(/(^\s*)|(\s*$)/g, "");
                    $(h3_list[j]).attr("id",h3_id);
                    //锚点位置
                    navCategoryAnchor.push({a:h3_id+"_a",offset:$(h3_list[j]).offset().top});
                    content += '<li style="padding-left: 25px"><a id="'+h3_id+'_a" href="#' + h3_id + '">' + h3_text + '</a></li>';
                }
            }
            content    += '</ul>';
            content    += '</div>';

            //$("body").append(content);
            //生成目录拖拽弹窗
            tip.dialog({title:"目录",content:content,offset: ['40%', '10%'],area:["156px","250px"],shade:0});

            //推荐、关注、收藏
            let $clone = $("#green_channel").clone();
            $clone.css({
                "margin-top": "4px",
                "margin-bottom": "4px",
                "font-size": "12px",
                "width": "164px",
                "text-align": "center",
                "border": "#c0c0c0 0px dashed"
            });
            $clone.find("#green_channel_digg").text("推荐");
            $clone.find("#green_channel_follow").text("关注");
            $clone.find("#green_channel_favorite").text("收藏");
            $clone.find("#green_channel_weibo").remove();
            $clone.find("#green_channel_wechat").remove();

            $(".tip-dialog").append($clone);
        }
    }

    //锚点信息数组
    var navCategoryAnchor = [];

    //带动画效果
    $("body").on("click","#navCategory a",function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top - 100 + "px"
        }, 800);
        return false;
    });

    //监听滚动事件
    window.addEventListener('scroll', function () {
        //无需频繁的进行遍历判断
        if(new Date().getTime() % 2 == 0){
            var scrolled = document.documentElement.scrollTop || document.body.scrollTop
            for(var i = 0;i<navCategoryAnchor.length;i++){
                if((i==0) ?
                    (navCategoryAnchor[i+1].offset >= scrolled) :
                    (navCategoryAnchor[i].offset <= scrolled && ((i == navCategoryAnchor.length - 1) ? true : navCategoryAnchor[i + 1].offset >= scrolled))){
                    $("#"+navCategoryAnchor[i].a).css("color","#519cea");
                }else{
                    $("#"+navCategoryAnchor[i].a).css("color","");
                }
            }
        }
    });



    $(function($){
        // title提示
        $(".tctip").attr("title","谢谢老板打赏~~");

        GenerateContentList();

        //tip.generateContentList({list1:$('#cnblogs_post_body h2'),list2:"$list1.nextAll('h3')",offset: ['40%', '10%'],area:["156px","250px"]});

        $(".tip").attr("title","想知道这个目录弹窗是怎么做的吗？请戳：https://www.cnblogs.com/huanzi-qch/p/10082116.html");
    })


</script>
<!--// 鼠标特效，心stop-->
<script>
    var vm=new Vue({
        el:"#app",
        data:{
            pageNum:0,
            pageSize:0,
            //总条数
            total:0,
            //总页数
            pages:0,
            isFirstPage:false,
            isLastPage:false,
            hasPreviousPage:false,
            hasNextPage:false,
            //所有导航页号
            navigatepageNums:[],
            list:[],
            //搜索框特查
            techa:"",
            //单据状态
            danjuzhuangtai:0,
            //收款账户
            shoukuanren:0,
            //pay_order某一订单详情
            dindanshow:"",
            //用于判断其单据付款方与付款类型
            fukuan:0,
            //金额
            money:'',
            //用于金额的输入框的提示
            moneyplaceholder:'单次最大金额为200000',
            //金额开关
            fumoney:false,

        },
        methods:{
            upload(e){
                var url=URL.createObjectURL(e.target.files[0]);
                $("#photo01").attr('src',url)
            },
            chaxun(pageNum,pageSize){
                axios.post("/finance/allPay_order",{"pageNun":pageNum,"pageSize":pageSize,"techa":this.techa,"status":this.danjuzhuangtai}).then(res=>{
                    this.list=res.data.obj.list;
                    this.pageNum=parseInt(res.data.obj.pageNum);
                    this.pageSize=parseInt(res.data.obj.pageSize);
                    this.total=parseInt(res.data.obj.total);
                    this.pages=parseInt(res.data.obj.pages);
                    this.isFirstPage=res.data.obj.isFirstPage;
                    this.isLastPage=res.data.obj.isLastPage;
                    this.hasPreviousPage=res.data.obj.hasPreviousPage;
                    this.hasNextPage=res.data.obj.hasNextPage;
                    this.navigatepageNums=res.data.obj.navigatepageNums;
                    // alert(this.pageNum)
                    // alert(this.list[0].id);
                })
            },
            show(){
                $('#my-confirm').modal({});
            },
            //上一页
            qian(){
                if(this.hasPreviousPage==true){
                    // alert("上一页")
                    //表示有上一页
                    this.chaxun(this.pageNum-1,this.pageSize);
                }
            },
            //下一页
            hou(){
                if(this.hasNextPage==true){
                    this.chaxun(this.pageNum+1,this.pageSize);
                }
            },
            //搜索框@click
            sousuo(){
                this.chaxun(this.pageNum,this.pageSize);
            },
            //点击单据状态选择后或者收款账户框@change
            dianjidanju(){
                this.chaxun(this.pageNum,this.pageSize);
            },
            //关联订单
            kaishi(code){
                //用ajax查询其对应的订单内容
                axios.get("/finance/selectpay_order",{params:{code:code}}).then(res=>{
                    this.dindanshow=res.data.obj;
                    // alert(this.dindanshow.code)
                }).catch(err=>{
                    alert("失败！")
                });
                $("#danhao").html(code);
                $('#my-confirm0').modal({
                    relatedElement: this
                });
            },
            // 付款方类型的判断（客户/供应商）
            shoukuanbiandong(){
                if(this.fukuan==1){
                    //调用用户的ajax查询所有用户
                    axios.post("/order/SelectUsers").then(res=>{
                        this.users = res.data;
                        //所有用户
                        var $shoukuanfang=$("#shoukuanfang");
                        $shoukuanfang.html('');
                        for(var i=0 ;i<this.users.length;i++){
                            $shoukuanfang.append(
                                "<option value=\""+this.users[i].id+"\" >"+this.users[i].name+"</option>"
                            )
                        }
                    }).catch(err=>{
                        alert("响应失败.")
                    })
                }else if(this.fukuan==2) {
                    var $shoukuanfang = $("#shoukuanfang");
                    //调用供应商的ajax查询所有供应商
                    $shoukuanfang.html('');

                }
            },
            //清空
            qingkong(){
                $("#shoukuanfang").val("");
                $("#shoukuanmoney").val('');//金额
                $("#shoukuanleixin").val('');
                $("#shoukuanzhuanghu").val('');
                $("#shoukuanshijian").val('');
                $("#shoukuanbeizhu").val('');
                $("#tupian").val('');
                $("#soua").html(" <li id=\"last-li\">\n" +
                    "                                        <a href=\"javascript:upTupian()\" >\n" +
                    "                                            <svg t=\"1575879268907\" class=\"icon am-img-thumbnail am-img-bdrs\"\n" +
                    "                                                 viewBox=\"0 0 1024 1024\" version=\"1.1\"\n" +
                    "                                                 xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1707\" width=\"100\"\n" +
                    "                                                 height=\"100\">\n" +
                    "                                                <path d=\"M915.084916 719.854978 810.23287 719.854978 810.23287 614.985536c0-23.303752-17.479093-40.782845-40.782845-40.782845s-40.782845 17.479093-40.782845 40.782845l0 110.696148L612.144326 725.681684c-23.303752 0-40.782845 17.479093-40.782845 40.782845s17.479093 40.782845 40.782845 40.782845l110.696148 0 0 110.678752c0 23.303752 17.479093 40.782845 40.782845 40.782845s40.782845-17.479093 40.782845-40.782845L804.406165 807.247374 915.084916 807.247374c23.304775 0 40.782845-17.47807 40.782845-40.782845C961.694467 743.160777 938.390715 719.854978 915.084916 719.854978L915.084916 719.854978 915.084916 719.854978zM506.427586 825.749774 506.427586 825.749774 141.658835 825.749774c-13.524015 0-23.675212-10.151197-23.675212-23.710005L117.983623 139.732461c0-13.533224 10.151197-23.684422 23.675212-23.684422l646.381593 0c13.505595 0 23.657816 10.151197 23.657816 23.684422l0 357.988324 0 0 0 0c0 13.524015 10.169617 23.676236 23.711028 23.676236 13.522991 0 23.675212-10.152221 23.675212-23.676236l0 0 0 0L859.084485 116.049063c0-27.073612-23.675212-50.759057-50.758034-50.759057L117.9826 65.290005c-27.065426 0-50.758034 23.685445-50.758034 50.759057L67.224566 825.749774c0 27.048029 23.692608 50.740638 50.758034 50.740638L506.427586 876.490412l0 0c13.522991 0 23.675212-10.169617 23.675212-23.692608C530.101775 835.883575 519.949554 825.749774 506.427586 825.749774L506.427586 825.749774 506.427586 825.749774zM501.447155 708.202591c17.479093-34.95614 58.261938-58.261938 99.044784-58.261938l46.608527 0 0-52.43421c0-46.609551 29.131481-87.392396 69.913303-104.870466l0 0 0 0-58.260915-174.774559L454.838627 580.028373l-58.261938-93.218078L181.028495 708.202591 501.447155 708.202591 501.447155 708.202591 501.447155 708.202591zM396.577712 335.331301c0-34.94693-29.130458-64.078411-64.086597-64.078411s-64.087621 29.131481-64.087621 64.078411c0 34.957163 29.130458 64.087621 64.087621 64.087621S396.577712 370.288464 396.577712 335.331301L396.577712 335.331301 396.577712 335.331301zM396.577712 335.331301\"\n" +
                    "                                                      p-id=\"1708\"></path>\n" +
                    "                                            </svg>\n" +
                    "                                        </a>\n" +
                    "                                    </li>");
                $('#my-confirm').modal({});
            },
            //提交判断
            tijiao(){
                var fufukuanfang=false;
                var fushoukuanmoney=false;
                var fushoukuanleixin=false;
                var fushoukuanzhuanghu=false;
                var fushoukuanshijian=false;
                var futupian=false;
                if($("#shoukuanfang").val()!=0&&$("#shoukuanfang").val()!=''){
                    fufukuanfang=true;
                    $("#shoukuanfang")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanfang")[0].style.border="1.5px solid red";
                }

                if($("#shoukuanmoney").val()!=0&&$("#shoukuanmoney").val()!=''){
                    fushoukuanmoney=true;
                    $("#shoukuanmoney")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanmoney")[0].style.border="1.5px solid red";
                }

                if($("#shoukuanleixin").val()!=0&&$("#shoukuanleixin").val()!=''){
                    fushoukuanleixin=true;
                    $("#shoukuanleixin")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanleixin")[0].style.border="1.5px solid red";
                }

                if($("#shoukuanzhuanghu").val()!=0&&$("#shoukuanzhuanghu").val()!=''){
                    fushoukuanzhuanghu=true;
                    $("#shoukuanzhuanghu")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanzhuanghu")[0].style.border="1.5px solid red";
                }

                if($("#shoukuanshijian").val()!=0&&$("#shoukuanshijian").val()!=''){
                    fushoukuanshijian=true;
                    $("#shoukuanshijian")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanshijian")[0].style.border="1.5px solid red";
                }

                if($("#tupian").val()!=0&&$("#tupian").val()!=''){
                    futupian=true;
                }else{
                    $("#tu")[0].style.border="1.5px solid red";
                }
                this.inputChange(this.money);
                if(fufukuanfang&&fushoukuanmoney&&fushoukuanleixin&&fushoukuanzhuanghu&&fushoukuanshijian&&futupian&&this.fumoney){
                    this.adddan();
                    this.fumoney=false;
                    fufukuanfang=false;
                    fushoukuanmoney=false;
                    fushoukuanleixin=false;
                    fushoukuanzhuanghu=false;
                    fushoukuanshijian=false;
                }else{
                    fufukuanfang=false;
                    fushoukuanmoney=false;
                    fushoukuanleixin=false;
                    fushoukuanzhuanghu=false;
                    fushoukuanshijian=false;
                    // alert("还有输入框未输入！请输入后在提交！");

                }


            },
            //最后付款单添加生成操作
            adddan(){

                var json={
                    payee:$("#shoukuanfang").val(),
                    amount:$("#shoukuanmoney").val(),//金额
                    type:$("#shoukuanleixin").val(),
                    account:$("#shoukuanzhuanghu").val(),
                    status:"2",
                    //制单人
                    single:getCookie(),
                    payDate:$("#shoukuanshijian").val(),//时间
                    // //支付方式
                    // payway:"16",
                    //备注
                    ramark:$("#shoukuanbeizhu").val(),
                };
                var data=new FormData();
                data.append('json',JSON.stringify(json));
                data.append("file",$("#tupian")[0].files[0]);
                axios.post("/finance/addPay_order",data,{
                    'Content-Type':'multipart/form-data'
                }).then(response=>{
                    var obj=response.data.obj;
                    if (obj==1){
                        alert("添加成功！");
                        this.chaxun(this.pageNum,this.pageSize);
                        $("#shoukuanfang").val("");
                        $("#shoukuanmoney").val('');//金额
                        $("#shoukuanleixin").val('');
                        $("#shoukuanzhuanghu").val('');
                        $("#shoukuanshijian").val('');
                        $("#shoukuanbeizhu").val('');
                        $("#tupian").val('');
                        $("#soua").html(" <li id=\"last-li\">\n" +
                            "                                        <a href=\"javascript:upTupian()\" >\n" +
                            "                                            <svg t=\"1575879268907\" class=\"icon am-img-thumbnail am-img-bdrs\"\n" +
                            "                                                 viewBox=\"0 0 1024 1024\" version=\"1.1\"\n" +
                            "                                                 xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1707\" width=\"100\"\n" +
                            "                                                 height=\"100\">\n" +
                            "                                                <path d=\"M915.084916 719.854978 810.23287 719.854978 810.23287 614.985536c0-23.303752-17.479093-40.782845-40.782845-40.782845s-40.782845 17.479093-40.782845 40.782845l0 110.696148L612.144326 725.681684c-23.303752 0-40.782845 17.479093-40.782845 40.782845s17.479093 40.782845 40.782845 40.782845l110.696148 0 0 110.678752c0 23.303752 17.479093 40.782845 40.782845 40.782845s40.782845-17.479093 40.782845-40.782845L804.406165 807.247374 915.084916 807.247374c23.304775 0 40.782845-17.47807 40.782845-40.782845C961.694467 743.160777 938.390715 719.854978 915.084916 719.854978L915.084916 719.854978 915.084916 719.854978zM506.427586 825.749774 506.427586 825.749774 141.658835 825.749774c-13.524015 0-23.675212-10.151197-23.675212-23.710005L117.983623 139.732461c0-13.533224 10.151197-23.684422 23.675212-23.684422l646.381593 0c13.505595 0 23.657816 10.151197 23.657816 23.684422l0 357.988324 0 0 0 0c0 13.524015 10.169617 23.676236 23.711028 23.676236 13.522991 0 23.675212-10.152221 23.675212-23.676236l0 0 0 0L859.084485 116.049063c0-27.073612-23.675212-50.759057-50.758034-50.759057L117.9826 65.290005c-27.065426 0-50.758034 23.685445-50.758034 50.759057L67.224566 825.749774c0 27.048029 23.692608 50.740638 50.758034 50.740638L506.427586 876.490412l0 0c13.522991 0 23.675212-10.169617 23.675212-23.692608C530.101775 835.883575 519.949554 825.749774 506.427586 825.749774L506.427586 825.749774 506.427586 825.749774zM501.447155 708.202591c17.479093-34.95614 58.261938-58.261938 99.044784-58.261938l46.608527 0 0-52.43421c0-46.609551 29.131481-87.392396 69.913303-104.870466l0 0 0 0-58.260915-174.774559L454.838627 580.028373l-58.261938-93.218078L181.028495 708.202591 501.447155 708.202591 501.447155 708.202591 501.447155 708.202591zM396.577712 335.331301c0-34.94693-29.130458-64.078411-64.086597-64.078411s-64.087621 29.131481-64.087621 64.078411c0 34.957163 29.130458 64.087621 64.087621 64.087621S396.577712 370.288464 396.577712 335.331301L396.577712 335.331301 396.577712 335.331301zM396.577712 335.331301\"\n" +
                            "                                                      p-id=\"1708\"></path>\n" +
                            "                                            </svg>\n" +
                            "                                        </a>\n" +
                            "                                    </li>");
                        $('#my-confirm').modal({});
                        // table1.get3L()
                    } else {
                        alert("添加失败！");
                    }
                })
            },
            //审核通过
            shenhe(code,money,account){
                if(window.confirm("是否让该订单通过审核？")){
                    //获取管理员的code
                    let checker =getCookie();
                    let data={
                        code:code,
                        checker:checker,
                        ouraccountid:account,
                        money:money,
                    };
                    // alert("id="+account+"money="+money)
                    axios.post("/finance/fukuanshenhe",data).then(res=>{
                        $("#my-confirm0").hide();
                        alert("审核通过！收款状态已该为已完成！");
                        this.chaxun(this.pageNum,this.pageSize);
                    }).catch(err=>{
                        alert("审核失败！！！")
                    })
                }
            },
            //作废操作
            shoukuanzuofei(code,relcode,status,money,account){
                //弹出框是否确定作废该订单
                if (window.confirm("是否作废该收款单？")){
                    // alert("作废成功!")
                    axios.post("/finance/fukuanzuofei",{code:code,"status":status,"money":money,"ouraccountid":account}).then(res=>{
                        var ss=parseInt(res.data.obj);
                        if(ss==1){
                            alert("作废成功!");
                            this.chaxun(this.pageNum,this.pageSize);
                            this.addRAmount2(relcode,money);
                            $("#my-confirm0").hide();
                        }else{
                            alert("作废失败!")
                        }
                    }).catch(err=>{
                        alert("作废失败")
                    });
                }
            },
            //金额输入验证
            inputChange(e){
                var obj = e;
                //如果用户第一位输入的是小数点，则重置输入框内容
                if (obj!= '' && obj.substring(0, 1) == '.') {
                    this.money= '';
                    this.moneyplaceholder='请输入正确格式如0.1';
                    $("#shoukuanmoney")[0].style.border="1.5px solid red";
                    this.fumoney=false;
                    return;
                }
                if(obj==0){
                    this.money='';
                    this.moneyplaceholder='金额必须大于0';
                    $("#shoukuanmoney")[0].style.border="1.5px solid red";
                    this.fumoney=false;
                    return;
                }
                $("#shoukuanmoney")[0].style.border="1px solid #575757";
                obj = obj.replace(/^0*(0\.|[1-9])/, '$1');//粘贴不生效
                obj = obj.replace(/[^\d.]/g, "");  //清除“数字”和“.”以外的字符
                obj = obj.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
                obj = obj.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
                obj = obj.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数
                if (obj.indexOf(".") < 0 && obj != "") {//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
                    if (obj.substring(0, 1) == '0' && obj.length == 2) {
                        obj = obj.substring(1, obj.length);
                    }
                }
                if(parseFloat(obj)>200000){
                    obj = 200000;
                }
                this.fumoney=true;
                this.money=obj;
            },
            addRAmount2(code,rAmount){
                // code 订单号
                // rAmount  作废的金额
                axios.get("/order/UpdateBuyReturn2",{params:{code:code,bigDecimal:rAmount}}).then(res=>{
                    if(res.data<=0){
                        alert("订单付款改变失败!")
                    }
                })
            },
            wanClick(code){
                axios.get("/order/SelectBuyReturn2",{params:{code:code}}).then(res=>{
                    sessionStorage["seeBuyReturnId"] = res.data.id;
                    window.location.href="../order/退货单详情.html";
                })
            },
            //上传图片
            xiugai(code){
                var tu=$("#addtu").val();
                if(tu==null){
                    alert("请先选择凭证")
                }else{



                    var json={
                        code:code,
                    };
                    var data=new FormData();
                    data.append('json',JSON.stringify(json));
                    // data.append("code",code);
                    data.append("file",$("#addtu")[0].files[0]);
                    axios.post("/finance/upPay_order",data,{
                        'Content-Type':'multipart/form-data'
                    }).then(res=>{
                            // alert("成功")
                        $('#my-confirm0').modal({});
                    })
                }

            }

        },
        mounted () { //这个属性就可以，在里面声明初始化时要调用的方法即可
            // we can implement any method here like
            this.chaxun(1,10);
        }
    })



</script>

</body>
</html>
